@import url(reset.css);
@import url(font.css);
@import url(typo.css);
body {
  background: url(../images/imgBackground.jpg) 50% 0 no-repeat;
  background-color: #0d0d0d;
}

.container {
  width: 975px;
  margin: 0px auto;
  position: relative;
  overflow: hidden;
}

.clear {
  clear: both;
}

.no_border {
  border: none !important;
}

.no_border_right {
  border-right: none !important;
}

.no_margin_right {
  margin-right: 0px !important;
}

.no_margin_left {
  margin-left: 0px !important;
}

.no_padding_left {
  padding-left: 0px !important;
}

.no_padding_right {
  padding-right: 0px !important;
}

.no_background {
  background: none !important;
}

.float_right {
  float: right !important;
}

.float_left {
  float: left !important;
}

.bold {
  font-weight: bold !important;
}

.textInput {
  display: block;
}

.hide {
  display: none !important;
}

.updnWatermark {
  font-size: 12px;
  color: #292929;
  left: 260px !important;
}

/* USING FOR SITE WITHOUT SLIDE IMAGE*/
.no_slideImage {
  /*padding-top:120px;*/
  top: -18px;
}

.odd {
  background-color: #eeeeee !important;
}

.clear-fix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

* html .clear-fix {
  zoom: 1;
}

/* IE6 */
*:first-child + html .clear-fix {
  zoom: 1;
}

/* IE7 */
/***************** SETTING WIDTH FOR HEADER - CONTENT - FOOTER  ********************/
.header,
.content,
.footer {
  width: 975px;
  margin: 0px auto;
}

/***************** Font Setting ********************/
.font-1 {
  font-family: "EurostileLTStdMedium",Arial, Helvetica, sans-serif;
}

.label-error {
  color: #bf141d !important;
}
.label-error span {
  color: #bf141d !important;
}

.input-error {
  border: 2px solid #bf141d !important;
}

/***************** Heading setting ********************/
.heading {
  display: block;
  border-bottom: 1px solid white;
  padding-bottom: 10px;
}
.heading h2 {
  font-size: 18px;
  font-weight: bold;
  font-family: "EurostileLTStdMedium",Arial, Helvetica, sans-serif;
  color: white;
}
.heading h2 span {
  color: #c02b25;
}

.heading-1 {
  display: block;
  border-top: 1px solid #474747;
  border-bottom: 1px solid #474747;
  padding: 8px 0px;
}
.heading-1 h2 {
  font-size: 17px;
  font-weight: bold;
  font-family: "EurostileLTStdBold",Arial, Helvetica, sans-serif;
  color: white;
  float: left;
}
.heading-1 a {
  float: right;
  color: #474747;
  font-size: 14px;
  margin-top: 3px;
}
.heading-1 a:hover {
  color: #FFF;
}

/***************** CSS3 Setting ********************/
.border-1 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  /* Firefox 3.6 */
  -webkit-background-clip: padding-box;
  /* Safari 4? Chrome 6? */
  background-clip: padding-box;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

.border-2 {
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-radius: 7px 0px 0px 7px;
  border-radius: 7px 0px 0px 7px;
}

.border-3 {
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 0px 0px 7px 0px;
  border-radius: 0px 0px 7px 0px;
}

.border-4 {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -moz-background-clip: padding;
  /* Firefox 3.6 */
  -webkit-background-clip: padding-box;
  /* Safari 4? Chrome 6? */
  background-clip: padding-box;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

.border-5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  /* Firefox 3.6 */
  -webkit-background-clip: padding-box;
  /* Safari 4? Chrome 6? */
  background-clip: padding-box;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

.box-shadow-1 {
  -webkit-box-shadow: inset 40px 0px;
  -moz-box-shadow: inset 40px 0px;
  box-shadow: inset 40px 0px;
}

/***************** HEADER ********************/
.header {
  display: block;
  overflow: hidden;
  min-height: 105px;
}
.header h2.logo, .header div.navigation {
  float: left;
}
.header h2.logo {
  display: block;
  width: 214px;
  height: 54px;
  margin-top: 25px;
}
.header h2.logo a {
  background: url(../images/imgLogo.png) no-repeat;
  display: block;
  width: 214px;
  height: 54px;
  text-indent: -9999px;
}
.header div.navigation {
  display: block;
  margin: 35px 0px 0px 80px;
}
.header div.navigation ul {
  margin: 0;
  padding: 0;
}
.header div.navigation ul li {
  float: left;
  background: url(../images/imgSplitter.png) right 0 no-repeat;
}
.header div.navigation ul li a {
  font-family: "EurostileLTStdMedium",Arial, Helvetica, sans-serif;
  color: #FFF;
  font-size: 15px;
  display: block;
  padding: 0px 30px;
}
.header div.navigation ul li a.activeNavigation, .header div.navigation ul li a:hover {
  color: #bf141d;
}
.header div.navigation ul li a#first-item {
  background: url(../images/imgSplitter.png) left 0 no-repeat;
}
.header a#ss-fb {
  display: block;
  width: 14px;
  height: 14px;
  background: url(../images/imgFacebook.png) no-repeat;
  text-indent: -9999px;
  float: right;
  margin-top: 35px;
}

/***************** HOMEPAGE  ********************/
#hp-content {
  display: block;
  border: 1px solid white;
  overflow: hidden;
  height: 460px;
}
#hp-content #hp-left, #hp-content #hp-col {
  float: left;
}
#hp-content #hp-left {
  width: 713px;
  height: 460px;
  position: relative;
  background: white;
}
#hp-content #hp-left ul#slider-homepage {
  margin: 0;
  padding: 0;
  margin-left: 4px;
}
#hp-content #hp-left ul#slider-homepage li {
  display: block;
  width: 713px;
  height: 460px;
}
#hp-content #hp-left ul#slider-homepage li a {
  display: block;
  width: 713px;
  height: 460px;
}
#hp-content #hp-left ul#slider-homepage li a img {
  display: block;
  max-width: 713px;
  max-height: 460px;
}
#hp-content #hp-left ul#slider-paginator {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 340px;
  bottom: 10px;
  z-index: 100;
}
#hp-content #hp-left ul#slider-paginator li {
  margin: 0 2px;
  width: 12px;
  height: 12px;
  float: left;
  background: url(../images/imgPagination.png) no-repeat;
}
#hp-content #hp-left ul#slider-paginator li a {
  display: block;
  width: 12px;
  height: 12px;
  text-indent: -9999px;
}
#hp-content #hp-left ul#slider-paginator li.activeSlide, #hp-content #hp-left ul#slider-paginator li:hover {
  background-position: -15px 0;
}
#hp-content #hp-col {
  width: 260px;
  color: white;
  overflow: hidden;
}
#hp-content #hp-col .hp-col-block {
  display: block;
  overflow: hidden;
  position: relative;
}
#hp-content #hp-col .hp-col-block .hp-col-content {
  display: block;
  margin: 12px;
  overflow: hidden;
}
#hp-content #hp-col .hp-col-block .hp-col-text {
  margin-top: 10px;
}
#hp-content #hp-col .hp-col-block #hp-col-2-content {
  margin-right: 37px;
}
#hp-content #hp-col .hp-col-block #hp-col-3-content p {
  margin: 0;
  line-height: 17px;
}
#hp-content #hp-col .hp-col-block #hp-col-3-content .hp-time {
  display: block;
}
#hp-content #hp-col .hp-col-block #hp-col-3-content .hp-time span.hp-time-left, #hp-content #hp-col .hp-col-block #hp-col-3-content .hp-time span.hp-time-right {
  float: left;
}
#hp-content #hp-col .hp-col-block #hp-col-3-content .hp-time span.hp-time-left {
  width: 60px;
}
#hp-content #hp-col #hp-r-1, #hp-content #hp-col #hp-r-2 {
  border-bottom: 1px solid white;
}
#hp-content #hp-col #hp-r-3 {
  background: #c02b25;
  height: 180px;
  overflow: hidden;
}
#hp-content #hp-col #hp-r-3 #hp-col-3-contact {
  margin-bottom: 0px;
}
#hp-content #hp-col img#imgTemp-1 {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
#hp-content #hp-col .ss-book {
  background: url(../images/imgArrow-2.png) left -10px no-repeat;
  padding-left: 17px;
  color: #FFF;
}
#hp-content #hp-col .ss-book:hover {
  color: #c02b25;
  background-position: 0 5px;
}

/***************** FOOTER ********************/
.footer {
  border-top: 1px solid #474747;
  padding-top: 10px;
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: 20px;
}
.footer #footer-1, .footer #footer-2 {
  display: block;
  text-indent: -9999px;
}
.footer #footer-1, .footer #footer-2, .footer #footer-content, .footer span, .footer ul {
  float: left;
}
.footer #footer-1 {
  width: 93px;
  height: 24px;
  background: url(../images/imgLogo-2.png) no-repeat;
}
.footer #footer-2 {
  float: right;
  width: 46px;
  height: 24px;
  background: url(../images/imgLogo-3.png) no-repeat;
}
.footer #footer-content {
  display: block;
  margin: 5px 20px 0 110px;
}
.footer #footer-content span {
  display: block;
  color: #474747;
}
.footer #footer-content ul li {
  display: block;
  float: left;
  background: url(../images/imgDot-1.png) left center no-repeat;
  padding-left: 20px;
  margin-left: 10px;
  color: #474747;
}

/***************** MENU PAGE ********************/
#menu-page {
  display: block;
  overflow: hidden;
  color: #FFF;
}
#menu-page #menu-top, #menu-page #menu-bot {
  display: block;
  overflow: hidden;
  border-top: 1px solid white;
}
#menu-page .menu-col-left, #menu-page .menu-col-right {
  float: left;
  width: 450px;
}
#menu-page .menu-col-left {
  margin: 15px 0 15px 10px;
}
#menu-page .menu-col-right {
  margin: 15px 0 15px 50px;
}
#menu-page .menu-heading {
  display: block;
  margin-bottom: 15px;
}
#menu-page .menu-heading h2 {
  float: left;
  font-family: "EurostileLTStdBold",Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #FFF;
}
#menu-page .menu-heading a {
  float: right;
  margin: 4px 13px 0 0;
  background: url(../images/imgArrow-2.png) left -10px no-repeat;
  padding-left: 17px;
  color: #FFF;
}
#menu-page .menu-heading a:hover {
  color: #c02b25;
  background-position: 0 5px;
}
#menu-page .menu-image {
  display: block;
  background-color: #000;
  width: 437px;
  height: 264px;
}
#menu-page .menu-info {
  display: block;
}
#menu-page .menu-info p {
  line-height: 16px;
  margin-bottom: 10px;
}

/***************** CONTACT PAGE ********************/
#contact-page {
  display: block;
  overflow: hidden;
}
#contact-page .contact-left, #contact-page .contact-right {
  float: left;
  display: block;
}
#contact-page .contact-left {
  width: 530px;
}
#contact-page .contact-left #contact-map {
  display: block;
  overflow: hidden;
}
#contact-page .contact-left #contact-info {
  color: #FFF;
  margin: 20px 0 0 10px;
}
#contact-page .contact-left #contact-info .contact-time {
  display: block;
}
#contact-page .contact-left #contact-info .contact-time .c-l-left, #contact-page .contact-left #contact-info .contact-time c-l-right {
  float: left;
}
#contact-page .contact-left #contact-info .contact-time .c-l-left {
  width: 60px;
}
#contact-page .contact-left #contact-info p {
  margin-bottom: 5px;
}
#contact-page .contact-left #table-image {
  display: block;
}
#contact-page .contact-left #table-image img {
  float: left;
  display: block;
}
#contact-page .contact-left #table-image #imgTable-1 {
  width: 525px;
  height: 202px;
}
#contact-page .contact-left #table-image #imgTable-left {
  float: left;
  width: 385px;
  overflow: hidden;
}
#contact-page .contact-left #table-image #imgTable-2 {
  width: 208px;
  height: 105px;
  margin: 4px 4px 4px 0px;
}
#contact-page .contact-left #table-image #imgTable-3 {
  width: 165px;
  height: 105px;
  margin: 4px 0px;
}
#contact-page .contact-left #table-image #imgTable-4 {
  width: 140px;
  height: 217px;
  margin: 4px 0px;
}
#contact-page .contact-left #table-image #imgTable-5 {
  width: 380px;
  height: 107px;
}
#contact-page .contact-right {
  width: 420px;
  color: #FFF;
  margin-left: 25px;
}
#contact-page .contact-right h2 {
  font-family: "EurostileLTStdDemi",Arial, Helvetica, sans-serif;
  color: #FFF;
  font-size: 16px;
  border-bottom: 1px solid #474747;
  padding-bottom: 8px;
  margin-bottom: 10px;
}
#contact-page .contact-right #contact-form {
  display: block;
}
#contact-page .contact-right #contact-form p, #contact-page .contact-right #contact-form input {
  display: block;
}
#contact-page .contact-right #contact-form p {
  margin-bottom: 5px;
  color: #6F6F6F;
}
#contact-page .contact-right #contact-form p span {
  color: #FFF;
}
#contact-page .contact-right #contact-form input {
  border: 2px solid white;
  background-color: #FFF;
  color: #0d0d0d;
  width: 390px;
  height: 26px;
  line-height: 26px;
  padding: 0px 5px;
  margin: 0px 0px 10px 0px;
  font-family: "EurostileLTStdMedium",Arial, Helvetica, sans-serif;
}
#contact-page .contact-right #contact-form textarea {
  color: #0d0d0d;
  border: 2px solid white;
  background-color: #FFF;
  resize: none;
  font-size: 12px;
  overflow: auto;
  width: 390px;
  padding: 10px 5px;
  height: 180px;
  font-family: "EurostileLTStdMedium",Arial, Helvetica, sans-serif;
}
#contact-page .contact-right #contact-form input:focus, #contact-page .contact-right #contact-form textarea:focus {
  outline: none;
}
#contact-page .contact-right #contact-form textarea#book-textarea {
  height: 70px;
}
#contact-page .contact-right #contact-form input#input-phone {
  width: 160px;
}
#contact-page .contact-right #contact-form #input-3-col {
  display: block;
}
#contact-page .contact-right #contact-form #input-3-col #input-col-1, #contact-page .contact-right #contact-form #input-3-col #input-col-2, #contact-page .contact-right #contact-form #input-3-col #input-col-3 {
  float: left;
  margin-right: 10px;
}
#contact-page .contact-right #contact-form #input-3-col #input-col-1 {
  width: 175px;
}
#contact-page .contact-right #contact-form #input-3-col #input-col-1 input {
  width: 160px;
}
#contact-page .contact-right #contact-form #input-3-col #input-col-2 {
  width: 105px;
}
#contact-page .contact-right #contact-form #input-3-col #input-col-2 input {
  width: 90px;
}
#contact-page .contact-right #contact-form #input-3-col #input-col-3 {
  width: 105px;
}
#contact-page .contact-right #contact-form #input-3-col #input-col-3 input {
  width: 90px;
}
#contact-page .contact-right #contact-form #contact-submit {
  display: block;
}
#contact-page .contact-right #contact-form #contact-submit p {
  float: left;
  color: #bf141d;
  margin-top: 8px;
}
#contact-page .contact-right #contact-form #contact-submit a#contact-send {
  float: right;
  background: url(../images/btnSend.png) no-repeat;
  width: 66px;
  height: 21px;
  text-indent: -9999px;
  margin: 15px 16px 0px 0px;
}
#contact-page .contact-right #contact-form #contact-submit a#contact-send:hover {
  background-position: -72px 0;
}
#contact-page .contact-right #msgSend h1 {
  font-family: "EurostileLTStdBold",Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #000;
}
#contact-page .contact-right #msgSend p {
  color: #000 !important;
}

div.roundedCornersHack {
  border: 1px solid white;
  background-repeat: no-repeat;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

/***************** TAKEAWAY PAGE ********************/
.main-column-page {
  display: block;
}
.main-column-page .left-column-page,
.main-column-page .mid-column-page,
.main-column-page .right-column-page {
  float: left;
  overflow: hidden;
  display: block;
}
.main-column-page .left-column-page {
  width: 175px;
  margin-right: 40px;
}
.main-column-page .mid-column-page {
  width: 535px;
}
.main-column-page .right-column-page {
  width: 195px;
  float: right;
  position: relative;
}

.menuArrow {
  display: block;
  margin-top: 10px;
}
.menuArrow ul {
  margin: 0;
  padding: 0;
}
.menuArrow ul li {
  display: block;
  margin: 5px 0px;
}
.menuArrow ul li a {
  display: block;
  background: url(../images/imgArrow-2.png) left -9px no-repeat;
  padding-left: 20px;
  color: #FFF;
  font-size: 13px;
}
.menuArrow ul li a.activeCategory, .menuArrow ul li a:hover {
  color: #bf141d;
  background-position: 0 6px;
}

#takeaway-page #takeaway-menu {
  display: block;
}
#takeaway-page #ss-list {
  display: block;
  overflow: hidden;
}
#takeaway-page #ss-list .eachCake {
  display: block;
  float: left;
  width: 251px;
  padding: 0px 8px;
  margin: 15px 0 20px 0;
}
#takeaway-page #ss-list .eachCake .eachCake-header {
  display: block;
}
#takeaway-page #ss-list .eachCake .eachCake-header .eachCake-header-left {
  float: left;
}
#takeaway-page #ss-list .eachCake .eachCake-header .eachCake-header-left p {
  margin-bottom: 5px;
}
#takeaway-page #ss-list .eachCake .eachCake-header .eachCake-header-left p.eachCake-name {
  color: #FFF;
  font-size: 15px;
}
#takeaway-page #ss-list .eachCake .eachCake-header .eachCake-order {
  float: right;
  text-indent: -9999px;
  display: block;
  width: 24px;
  height: 25px;
  margin-right: 2px;
  background: url(../images/btnItembuy.png) -1px 0px no-repeat;
}
#takeaway-page #ss-list .eachCake .eachCake-header .eachCake-order:hover {
  background-position: -28px 0;
}
#takeaway-page #ss-list .eachCake .eachCake-header .eachCake-order.selectedCake {
  background-position: -57px 0;
}
#takeaway-page #ss-list .eachCake .eachCake-image {
  display: block;
  overflow: hidden;
  position: relative;
}
#takeaway-page #ss-list .eachCake .eachCake-image a {
  display: block;
  background-color: #FFF;
  width: 248px;
  height: 218px;
}
#takeaway-page #ss-list .eachCake .eachCake-image a img {
  max-width: 248px;
  max-height: 218px;
}
#takeaway-page #ss-list .eachCake .eachCake-image p.eachCake-text {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  background: url(../images/bgBlackoverlay2.png);
  padding: 10px 2px;
  width: 245px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-radius: 0px 0px 15px 15px;
  border-radius: 0px 0px 15px 15px;
}
#takeaway-page #ss-list .eachCake .eachCake-image p.eachCake-text span {
  color: #FFF;
  line-height: 16px;
}
#takeaway-page #shopcart-right {
  display: block;
  width: 195px;
  position: relative;
  top: 0;
}
#takeaway-page #shopcart-right.shopcart-fixed {
  position: fixed;
  top: 10px;
}
#takeaway-page #shopcart-right .shopcart-total {
  display: block;
  border-top: 1px solid #474747;
  border-bottom: 1px solid #474747;
  padding: 8px 0px;
}
#takeaway-page #shopcart-right .shopcart-total p {
  float: left;
  margin: 0;
  color: #FFF;
}
#takeaway-page #shopcart-right .shopcart-total span {
  float: right;
  color: #FFF;
}
#takeaway-page #shopcart-right .shopcart-checkout-wrapper {
  display: block;
  overflow: hidden;
  margin: 10px 0px;
}
#takeaway-page #shopcart-right a.shopcart-checkout {
  display: block;
  text-indent: -9999px;
  background: url(../images/btnCheckout.png) no-repeat;
  width: 66px;
  height: 20px;
  float: right;
}
#takeaway-page #shopcart-right a.shopcart-checkout:hover {
  background-position: -78px 0;
}
#takeaway-page #shopcart-right .shopcart-list {
  display: block;
  margin: 10px 0px 0px 0px;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart {
  display: block;
  position: relative;
  border: 1px solid #474747;
  background-color: #000;
  width: 177px;
  height: 62px;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 8px;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart a.eachItem-close {
  position: absolute;
  right: 8px;
  top: 8px;
  display: none;
  color: #474747;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart a.eachItem-close:hover {
  color: #FFF;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart > p, #takeaway-page #shopcart-right .shopcart-list .eachItem-cart > span {
  display: block;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart > p {
  margin: 0px;
  color: #FFF;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart .eachItem-option {
  display: block;
  margin-top: 10px;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart .eachItem-option .eachItem-button, #takeaway-page #shopcart-right .shopcart-list .eachItem-cart .eachItem-option input, #takeaway-page #shopcart-right .shopcart-list .eachItem-cart .eachItem-option span {
  float: left;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart .eachItem-option p {
  float: right;
  margin-top: 4px;
  margin-bottom: 0;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart .eachItem-option > span {
  display: block;
  margin-top: 3px;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart .eachItem-option input {
  border: 1px solid #474747;
  background: #000;
  width: 18px;
  height: 20px;
  line-height: 20px;
  color: #6f6f6f;
  text-align: center;
  margin: 0px 5px;
  font-size: 10px;
  padding: 0px 8px;
  font-family: "EurostileLTStdMedium",Arial, Helvetica, sans-serif;
  cursor: default;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart .eachItem-option input:hover {
  border-color: #FFF;
  color: #FFF;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart .eachItem-option input:focus {
  outline: none;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart .eachItem-option .eachItem-button {
  width: 10px;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart .eachItem-option .eachItem-button .eachItem-up-down {
  float: left;
  display: block;
  width: 10px;
  height: 7px;
  background: url(../images/btnItembuy.png) no-repeat;
  text-indent: -9999px;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart .eachItem-option .eachItem-button .eachItem-up {
  background-position: -87px -1px;
  margin-top: 1px;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart .eachItem-option .eachItem-button .eachItem-up:hover {
  background-position: -98px -1px;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart .eachItem-option .eachItem-button .eachItem-down {
  background-position: -87px -11px;
  margin-top: 2px;
}
#takeaway-page #shopcart-right .shopcart-list .eachItem-cart .eachItem-option .eachItem-button .eachItem-down:hover {
  background-position: -98px -11px;
}

/***************** SHOPCART ********************/
.payment-step {
  display: block;
}
.payment-step ul li {
  display: block;
  margin: 8px 0px;
  color: #6f6f6f;
  font-size: 14px;
  cursor: default;
  font-size: 13px;
}
.payment-step ul li.currentStep {
  color: #FFF;
}

#term-menu ul li a {
  color: #6f6f6f;
  background: url(../images/imgArrow-3.png) left 4px no-repeat;
}
#term-menu ul li a:hover {
  color: #FFF;
  background-position: 0 -11px;
}

#shopcart-page {
  display: block;
}
#shopcart-page #shopcart-viewall {
  display: block;
}
#shopcart-page #shopcart-viewall .eachOrder {
  display: block;
  background: #000;
  border: 1px solid #474747;
  padding: 8px;
  margin: 8px 0px;
  position: relative;
}
#shopcart-page #shopcart-viewall .eachOrder:hover, #shopcart-page #shopcart-viewall .eachOrder:hover .eachOrder-option input {
  background-color: #1e1e1e;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-close {
  position: absolute;
  right: 8px;
  top: 8px;
  display: none;
  color: #474747;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-close:hover {
  color: #FFF;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-image {
  float: left;
  max-width: 57px;
  max-height: 50px;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-text {
  float: left;
  margin-left: 10px;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-text p {
  color: #FFF;
  margin: 0;
  font-size: 13px;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-text span {
  color: #474747;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-option {
  float: right;
  margin-top: 20px;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-option .eachOrder-button, #shopcart-page #shopcart-viewall .eachOrder .eachOrder-option input, #shopcart-page #shopcart-viewall .eachOrder .eachOrder-option .eachOrder-text-1, #shopcart-page #shopcart-viewall .eachOrder .eachOrder-option .eachOrder-text-price {
  float: left;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-option .eachOrder-button {
  display: block;
  width: 10px;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-option .eachOrder-button .eachOrder-up-down {
  float: left;
  display: block;
  width: 10px;
  height: 7px;
  background: url(../images/btnItembuy.png) no-repeat;
  text-indent: -9999px;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-option .eachOrder-button .eachOrder-up {
  background-position: -87px -1px;
  margin-top: 1px;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-option .eachOrder-button .eachOrder-up:hover {
  background-position: -98px -1px;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-option .eachOrder-button .eachOrder-down {
  background-position: -87px -11px;
  margin-top: 2px;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-option .eachOrder-button .eachOrder-down:hover {
  background-position: -98px -11px;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-option input {
  border: 1px solid #474747;
  background: none;
  width: 22px;
  height: 20px;
  line-height: 20px;
  color: #6f6f6f;
  text-align: center;
  margin: 0px 5px;
  font-size: 10px;
  padding: 0px 8px;
  font-family: "EurostileLTStdMedium",Arial, Helvetica, sans-serif;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-option input:hover {
  border-color: #FFF;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-option input:focus {
  outline: none;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-option .eachOrder-text-1, #shopcart-page #shopcart-viewall .eachOrder .eachOrder-option .eachOrder-text-price {
  margin-top: 3px;
  margin-bottom: 0;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-option .eachOrder-text-1 {
  color: #474747;
  margin-left: 8px;
  margin-right: 8px;
}
#shopcart-page #shopcart-viewall .eachOrder .eachOrder-option .eachOrder-text-price {
  color: #474747;
}
#shopcart-page .shopcart-priceAll {
  display: block;
  border-top: 1px solid #474747;
  border-bottom: 1px solid #474747;
  padding: 8px 0px;
}
#shopcart-page .shopcart-priceAll p {
  float: right;
  color: #FFF;
  margin: 0;
}
#shopcart-page .shopcart-submitNext {
  display: block;
  margin-top: 10px;
}
#shopcart-page .shopcart-submitNext a {
  display: block;
  text-indent: -9999px;
  background: url(../images/btnPayment.png) no-repeat;
}
#shopcart-page .shopcart-submitNext a.shopcart-ctn {
  width: 178px;
  height: 20px;
  background-position: 0 0;
  float: right;
}
#shopcart-page .shopcart-submitNext a.shopcart-ctn:hover {
  background-position: 0 -26px;
}
#shopcart-page .shopcart-submitNext a.sp-next {
  width: 75px;
  height: 20px;
  background-position: -188px 0;
  float: right;
}
#shopcart-page .shopcart-submitNext a.sp-next:hover {
  background-position: -188px -26px;
}
#shopcart-page .shopcart-submitNext a.sp-back {
  width: 75px;
  height: 20px;
  background-position: -75px -57px;
  float: right;
  margin-right: 15px;
}
#shopcart-page .shopcart-submitNext a.sp-back:hover {
  background-position: -75px -83px;
}
#shopcart-page .shopcart-submitNext a.sp-exit {
  width: 75px;
  height: 20px;
  background-position: -164px -57px;
  float: right;
}
#shopcart-page .shopcart-submitNext a.sp-exit:hover {
  background-position: -164px -83px;
}

/***************** INFORMATION PAGE ********************/
#information-page .info-top-p {
  display: block;
  overflow: hidden;
}
#information-page .info-top-p .info-header {
  background: #000;
  border: 1px solid #474747;
  padding: 8px;
  margin: 15px 0 10px 0;
}
#information-page .info-top-p .info-header p {
  color: #FFF;
}
#information-page .info-top-p .info-header span {
  display: block;
  margin-bottom: 2px;
}
#information-page .info-top-p .info-header .info-header-input {
  display: block;
}
#information-page .info-top-p .info-header .info-header-input input, #information-page .info-top-p .info-header .info-header-input a {
  float: left;
}
#information-page .info-top-p .info-header .info-header-input input {
  background: #FFF;
  border: 2px solid white;
  padding: 0px 10px;
  width: 161px;
  height: 23px;
  line-height: 23px;
  font-family: "EurostileLTStdMedium",Arial, Helvetica, sans-serif;
  margin-right: 15px;
  color: #0d0d0d;
}
#information-page .info-top-p .info-header .info-header-input input:focus {
  outline: none;
}
#information-page .info-top-p .info-header .info-header-input a#info-download {
  display: block;
  text-indent: -9999px;
  width: 66px;
  height: 21px;
  background: url(../images/btnPayment.png) 0 -83px no-repeat;
  margin-top: 2px;
}
#information-page .info-top-p .info-header .info-header-input a#info-download:hover {
  background-position: 0 -57px;
}
#information-page .info-bot-p {
  display: block;
  overflow: hidden;
  border-top: 1px solid #474747;
  border-bottom: 1px solid #474747;
  padding: 8px 0px;
}
#information-page .info-bot-p p {
  margin: 0px;
}
#information-page .info-bot-p p#info-temp-1 {
  margin-bottom: 10px;
  color: #FFF;
}
#information-page .info-bot-p p#info-temp-2 {
  margin: 20px 0 5px 0;
  color: #FFF;
}
#information-page .info-input-wrapper {
  display: block;
  margin: 10px 0;
}
#information-page .info-input-wrapper .info-input-1-wrapper,
#information-page .info-input-wrapper .info-input-2-wrapper,
#information-page .info-input-wrapper .info-input-3-wrapper {
  float: left;
}
#information-page .info-input-wrapper .info-input-1-wrapper {
  width: 130px;
}
#information-page .info-input-wrapper .info-input-2-wrapper {
  width: 185px;
}
#information-page .info-input-wrapper .info-input-3-wrapper {
  width: 130px;
  margin-left: 15px;
}
#information-page .info-input-wrapper p {
  color: #6f6f6f;
  margin-bottom: 5px;
}
#information-page .info-input-wrapper span {
  color: #FFF;
}
#information-page .info-input-wrapper input.info-input {
  border: 2px solid #FFF;
  line-height: 24px;
  height: 24px;
  font-family: "EurostileLTStdMedium",Arial, Helvetica, sans-serif;
  color: #0d0d0d;
  padding: 0px 5px;
  font-size: 12px;
  background: #FFF;
  width: 400px;
}
#information-page .info-input-wrapper input.info-input-1 {
  width: 100px;
}
#information-page .info-input-wrapper input.info-input-2 {
  width: 170px;
}
#information-page .info-input-wrapper input.info-input-3 {
  width: 100px;
}
#information-page .info-input-wrapper textarea {
  font-family: "EurostileLTStdMedium",Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #0d0d0d;
  padding: 5px;
  overflow: auto;
  resize: none;
  width: 400px;
  height: 150px;
  border: 2px solid white;
}
#information-page .info-input-wrapper input:focus, #information-page .info-input-wrapper textarea:focus {
  outline: none;
}

.info-radio {
  display: block;
  margin: 5px 0px;
}
.info-radio input, .info-radio p {
  float: left;
  display: block;
}
.info-radio input {
  margin: 0 10px 0 0;
}
.info-radio p {
  color: #474747;
  margin: 0;
}
.info-radio p.input-checked {
  color: #FFF;
}
.info-radio span {
  color: #bf141d;
  margin-left: 10px;
}

/***************** PAYMENT PAGE ********************/
#payment-step-page {
  display: block;
  padding-top: 10px;
}
#payment-step-page p#payment-step-temp {
  color: #FFF;
  margin: 8px 0;
}
#payment-step-page .payment-info {
  display: block;
  margin: 5px 0px;
}
#payment-step-page .payment-info .payment-left {
  float: left;
  width: 150px;
}
#payment-step-page .payment-info .payment-right {
  float: right;
}
#payment-step-page .payment-info-total {
  display: block;
  color: #FFF;
  border-top: 1px solid #474747;
  border-bottom: 1px solid #474747;
}
#payment-step-page .payment-info-total p {
  margin: 10px 0;
}

/***************** CONFIRMATION PAGE ********************/
#confirmation-page {
  display: block;
  padding-top: 10px;
}
#confirmation-page h3 {
  color: #FFF;
}
#confirmation-page h3.confirm-temp {
  margin-top: 20px;
  margin-bottom: 10px;
}
#confirmation-page p {
  color: #6f6f6f;
  margin-bottom: 5px;
}
#confirmation-page .confirmation-left {
  float: left;
  width: 250px;
}
#confirmation-page .confirmation-right {
  float: right;
  width: 150px;
  text-align: right;
}
#confirmation-page .confirm-table {
  display: block;
  margin-top: 15px;
}
#confirmation-page .confirm-table table tr {
  text-align: left;
}
#confirmation-page .confirm-table table tr td {
  padding: 3px 0;
  color: #6f6f6f;
}
#confirmation-page .confirm-table table tr th {
  color: #FFF;
  text-align: left;
}
#confirmation-page .confirm-table table th.table-right, #confirmation-page .confirm-table table td.table-right {
  text-align: right;
}
#confirmation-page .confirm-table table th.table-left, #confirmation-page .confirm-table table td.table-left {
  text-align: left;
}
#confirmation-page .confirm-table table th.table-col-1 {
  width: 150px;
}
#confirmation-page .confirm-table table th.table-col-2 {
  width: 130px;
}
#confirmation-page .confirm-message {
  margin-top: 10px;
}
#confirmation-page .confirm-email-sent {
  display: block;
  border-top: 1px solid #474747;
  border-bottom: 1px solid #474747;
  margin-top: 10px;
  padding: 10px 0;
}
#confirmation-page .confirm-email-sent p {
  color: #bf141d;
  margin: 0;
}

#term-page {
  display: block;
  padding: 10px 0px;
}

#map_canvas {
  height: 300px;
  width: 530px;
}

#border-bot {
  border-bottom: 1px solid #474747;
  padding-bottom: 10px;
}

.datepicker {
  cursor: pointer;
}

#msgDeleteAll h1 {
  font-family: "EurostileLTStdDemi",Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #000;
}
#msgDeleteAll #delete-all-wrapper {
  display: block;
  margin-top: 20px;
}
#msgDeleteAll #delete-all-wrapper a {
  float: right;
  width: 55px;
  height: 20px;
  background: url(../images/btnPayment.png) no-repeat;
  display: block;
  text-indent: -9999px;
}
#msgDeleteAll #delete-all-wrapper a#delete-all-yes {
  background-position: -247px -57px;
}
#msgDeleteAll #delete-all-wrapper a#delete-all-yes:hover {
  background-position: -247px -83px;
}
#msgDeleteAll #delete-all-wrapper a#delete-all-no {
  background-position: -274px 0;
}
#msgDeleteAll #delete-all-wrapper a#delete-all-no:hover {
  background-position: -274px -26px;
}
